<ion-view view-title="{{title}}">
  <ion-nav-buttons side="right">
    <button class="button button-clear button-outline" ng-click="doSomething()">
      <!--<i class="icon ion-ios-plus-empty"></i>-->
    </button>
  </ion-nav-buttons>
  <div class="bar bar-subheader" style="padding: 0;">
    <div class="item-input-inset crm-item-search">
      <label class="item-input item-input-wrapper ink">
        <i class="icon ion-search placeholder-icon"></i>
        <input type="text" placeholder="输入酒店名称" ng-model="activationCode.search.value" ng-change="activationCode.search.doAct()">
      </label>
    </div>
  </div>
  <ion-content class="crm-content has-tabs-top">
    <ion-refresher
        pulling-text="下拉刷新"
        on-refresh="activationCode.refresh()">
    </ion-refresher>
    <ul class="list">
      <!-- ng-click="showHotelDetail(hotel.id)" -->
      <li class='item' ng-repeat="ac in activationCode.data" ng-click="go2Detail(ac)">
        <div class="row row-no-padding">
          <div class="col col-75">
            <p style="font-size: 17px;">{{ac.hotelName}}</p>
            <p style="white-space: initial;font-size: 15px; margin-top: 8px;">酒店激活码：{{ac.hotelCode}}</p>
          </div>
          <div class="col col-25 text-right">
            <p style="position: relative;">
              {{ac.hotelAddr}}
            </p>
            <p style=" col-75margin-top: 8px;">{{ac.hotelStatus}}</p>
          </div>
        </div>
      </li>
      <li class='item text-center' ng-if="activationCode.loaded && activationCode.data.length==0">
        <p>暂无数据</p>
      </li>
    </ul>
    <ion-infinite-scroll
         ng-if="activationCode.moreDataCanBeLoaded()"
         on-infinite="activationCode.loadMore()"
         distance="5%"
         spinner="dots"
         immediate-check="false" >
    </ion-infinite-scroll>
  </ion-content>
</ion-view>
